

<template>
    <div class="aside-wrap">
        <h3>组件</h3>
        <section >
            <router-link to='/components/switch'><p class="list-item">Switch</p></router-link>
            <router-link to='/components/button'><p class="list-item">Button</p></router-link>
            <router-link to='/components/switch'><p class="list-item">Switch</p></router-link>
            
        </section>
    </div>
</template>

<script lang="ts">
    export default {
        name: 'Aside',
    }
</script>

<style lang="scss" scoped>
.aside-wrap{
    width: 10vw;
    height: 100%;
    padding-left: 20px;
    overflow: auto;
    > h3{
        margin: 10px 0;
        color: #666;
        font-size: 16px;
    }
    > section{
        color: #888;

        > .list-item{
            margin: 20px 0;
        }
    }
}
   
</style>